<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="reset.css"/>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        <script type="text/javascript" src="/js/jquery.js"/>
        <script type="text/javascript" src="/js/expand-collapse.js"/>
        <title>#{page_title}</title>
    </h:head>
    <h:body>
        <div id="container">
            <div id="banner">
                <h1><h:outputLink value="/">Project Derp</h:outputLink></h1>
            </div>
            <div id="menu">
                <ul>
                    <li>
                        <h:outputLink rendered="#{sessionScope.account == null}" value="login.jsf">
                            Login
                        </h:outputLink>
                        <h:outputLink rendered="#{sessionScope.account != null}" value="logout.jsf">
                            Logout
                        </h:outputLink>
                    </li>
                    <li><a href="feeds.jsf">My Feeds</a></li>
                    <li><a href="account.jsf">Account</a></li>
                </ul>
            </div>
            <div id="content">
                <h2>#{page_title}</h2>
                <ui:insert/>
            </div>
        </div>
    </h:body>
</html>
